Homework 11 - mobile app interactivity

Author

Bryan Lizama Montecino

Published

April 13, 2024

Overview of Event RSVP Helper

The Event RSVP Helper app is designed to digitize and simplify the RSVP process for various events, targeting a broad audience of adults. It aims to facilitate event planning without the hassle of traditional mail, offering an easy-to-use web interface for guests to respond. Key features include customizable digital invitations, a user-friendly design, and seamless guest management. The app will generate revenue through a token system or advertisements.

Key features

  • Simplifies planning for key events like weddings, birthdays, baby showers, graduations, or other gatherings.
  • Eliminates the need to track attendees, send physical invitations, and manage RSVP responses manually.
  • Offers a luxurious user experience for both event organizers and invitees.
  • Allows selection of event type and corresponding invitation templates with specific themes:
    • Weddings feature white flowers and black and white themes.
    • Baby showers use balloons and baby bottles with pink and blue motifs.
    • Graduation celebrations include caps and festive decorations.
    • Birthdays come with cake and candle designs.
    • An “Other” category provides versatile options for various events.
  • Auto-fills event details into chosen templates, simplifying the invitation design process.
  • Utilizes user’s contact list for easy invitation distribution without needing email addresses or phone numbers.
  • Enables setting a response deadline, after which a detailed summary of RSVPs assists in event planning and budgeting.

Individual Screen details

The following section documents the individual screens of the application, the elements on each screen, and how the user is expected to interact with the screen.

Main screen

The main screen serves as the central node for this application. All other screens begin from this screen.

Wireframe design

Below is my wireframe image.

As-built screenshot

Here are screen shots of what I created running on my phone.

Contacts Screen

The contacts screen serves as the starting point for other screens that all work to allow the user to freely select who their guests will be, along with customizing the message invites.

Wireframe design

Below is my wireframe image.

As-built screenshot

Here are screen shots of what I created running on my phone.

Settings Screen

The settings screen gives the user the ability to set the app according to their preferences, dealing with app appearance and access to contacts.

Wireframe design

Below is my wireframe image.

As-built screenshot

Here is a screen shot of what I created running on my phone.

Snack code for screens

Reflection

  • Discuss your experience coding hooks in this assignment. Which hooks were hardest? Which easiest? What helped you figure them out?
  • How much time did you spend on this specific assignment (homework 11 - interactivity)?
  • What was the easiest part of this specific assignment (hw11)?
  • What is the hardest part of this specific assignment (hw11)?
  • Discuss your overall experience using Snack and developing this mobile app.